/* 只需要重写你需要的即可 */
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  // transparent
  $menu:
    (
      'active-color': getCssVar('color-primary'),
      'text-color': getCssVar('text-color-primary'),
      'hover-text-color': getCssVar('color-primary'),
      'bg-color': getCssVar('fill-color', 'blank'),
      'hover-bg-color': red,
      'item-height': 56px,
      'sub-item-height': calc(#{getCssVar('menu-item-height')} - 6px),
      'horizontal-height': 60px,
      'horizontal-sub-item-height': 36px,
      'item-font-size': getCssVar('font-size-base'),
      'item-hover-fill': getCssVar('color-primary-light-9'),
      'border-color': getCssVar('border-color'),
      'base-level-padding': 20px,
      'level-padding': 20px,
      'icon-width': 24px
    ),

  // $card: (
  //   'border-radius': 16px,
  // ),
  $colors:
    (
      'primary': (
        'base': teal
      )
    ),

  $avatar: ('bg-color': teal) // $button-padding-vertical: (
//   'small': 16px
// )
);
